@charset "utf-8";
/* CSS Document */

div.dynform {
	border:1px solid black;
	padding:0px;
	margin:2px auto;
	clear:both;
	overflow:auto;
	padding-bottom:10px;
}
.dynform .dfhead {
	font-size:14px; color:#333;
	font-weight:bold;
	background: #DDDDDD; 
	padding: 1px 10px;	
	clear:both;
} 
.dynform .dffoot {
	font-size:12px; color:#333;
	background: #DDDDDD; 
	padding: 0 10px;	
	clear:both;
	display:block;
} 
.dynform .dfbody {
	font-size:12px; color:#333;
	clear:both;
}

.dynform .dfbody .dfmainbody {
	margin: 0 10px 0 10px;
	font-size:10px;
}
.dynform a, .dynform a:visited, .dynform a:link { text-decoration:none; color:#999999; cursor:pointer; }
.dynform a:hover { color:#000033; }
.dynform .dfbody .dfmainbody h1 { clear:both; margin-bottom:3px; margin-top:5px; font-size:14px; font-weight:normal; }
.h1dynform { clear:both; margin-bottom:3px; margin-top:5px; font-size:14px; font-weight:normal; padding-top:2px; display:block; }
.dynform .dfbody .dfmainbody h2 { clear:both; margin-bottom:1px; margin-top:2px; font-size:12px; font-weight:bold; }
.dynform .dfbody .dfmainbody hr { clear:both; margin-bottom:2px; margin-top:2px; background:#ddd;  color:#ddd;}

.clearbr {clear:both; margin:3px 0px; padding:3px; display:block; }
.dfmainbody label { float:left; width:15EM; line-height:1.5; display:inline; }
.dfmainbody .suggest { clear:both; display:block; font-size:11px; margin-top:2px; margin-bottom:2px; color:#666666; padding:4px; border:1px solid #e2e0e0; width:90%; background:#feffaf;  }
.dfmainbody .suggest .title { display:block; font-size:11px; font-weight:bold; margin-bottom:2px; color:#333; }
.dfmainbody input[type=text] { float:left; border:1px solid #bbb; font-size:10px; margin-left:10px; width:20em; } 
.dfmainbody input[type=checkbox] { float:left; border:0px; font-size:10px; margin:0px; margin-left:10px; } 
.dfmainbody input[type=radio] { float:left; border:0px; font-size:10px; margin:0px; margin-left:10px; } 
.dfmainbody select { float:left; border:1px solid #bbb; font-size:10px; margin-left:10px; width:20.3em; } 
.dfmainbody textarea { float:left; border:1px solid #bbb; font-size:10px; margin-left:10px; width:20em; } 
.dfmainbody .ragioGroup { clear:both; margin-left:10em; padding-left:10px; width:25em; }
.dfmainbody .ragioGroupV { clear:both; margin-left:10em; padding-left:10px; width:25em; }
.dfmainbody .ragioGrouptitle { clear:both; width:10em; }
.dfmainbody .ragioGroup label { width:auto !important; float:left; margin-right:5px; line-height:1; }
.dfmainbody .ragioGroup input[type=radio] { width:auto !important; float:left; clear:right; margin-right:5px; }
.dfmainbody .ragioGroupV label { width:10em !important; float:LEFT !important; margin-right:5px; line-height:1; }
.dfmainbody .ragioGroupV input[type=radio] { width:10em !important;  margin-right:5px; }

.dfsidebody label { float:left; width:20%; line-height:1.5; font-size:10px; }
.dfsidebody .suggest { clear:both; display:block; height:1%; font-size:10px; margin-top:3px; margin-bottom:2px; color:#666666; padding:2px; border:1px solid #e2e0e0;  }
.dfsidebody .suggest .title { display:block; clear:both; font-size:10px; font-weight:bold; margin-bottom:2px; color:#666666; }

.dfsidebody input[type=text] { float:left; border:1px solid #bbb; font-size:10px; margin-left:5px; width:72%; } 
.dfsidebody input[type=checkbox] { float:left; border:0px; font-size:10px; margin:0px; margin-left:5px; } 
.dfsidebody input[type=radio] { float:left; border:0px; font-size:10px; margin:0px; margin-left:5px; } 
.dfsidebody select { float:left; border:1px solid #bbb; font-size:10px; margin-left:5px; width:73%; } 
.dfsidebody textarea { float:left; border:1px solid #bbb; font-size:10px; margin-left:5px; width:72%; } 
.dfsidebody .ragioGroup { clear:both; margin-left:3em; padding-left:5px; width:80%;  }
.dfsidebody .ragioGroupV { clear:both; margin-left:3em; padding-left:5px; width:90%;  }
.dfsidebody .ragioGrouptitle { clear:both; width:20%; font-size:10px; font-weight:bold; }
.dfsidebody .ragioGroup label { width:auto !important; float:left; margin-right:3px; line-height:1.4; }
.dfsidebody .ragioGroup input[type=radio] { width:auto !important; float:left; clear:right; margin-right:3px; }
.dfsidebody .ragioGroupV label { width:40% !important; float:LEFT !important; margin-right:3px; line-height:1; }
.dfsidebody .ragioGroupV input[type=radio] { width:40% !important;  margin-right:3px; }

.editorhtml { width:70% !IMPORTANT; } 


.leftcolumn {
	float:left; width:69%;
}
.dynform .dfbody .dfsidebody {
	float:right; 
	width: 28%;
	background: #EBEBEB;
	padding: 0px 0px 15px 0px;
}


/* classi per accordion */
.divAccordion {
	clear:both;
	margin-top:5px;
	margin-bottom:5px; 
}
.toggler { 
	color:#333; margin:0; padding:2px 5px; background:#eee; 
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #f5f5f5;
	border-left:1px solid #f5f5f5;		
	font-size:12px; font-weight:normal; 
	cursor:pointer;
}
.element {
	padding:10px;
	background:#eaeaea;
}

/* tabber */
.dynform .tabber {
}
.dynform .tabberlive {
 margin-top:0em;
}
.dynform .tabberlive .tabbertabhide {
 display:none;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #ddd;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ddd;
 border-bottom: none;
 background: #DDDDDD;
 text-decoration: none;
 font-size:12px; 
}

ul.tabbernav li a:link { color: #333; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #448;
 background:#CCCCCC;
 border-color: #ddd;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 font-size:12px;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #448;
 background: white;
 border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
 padding:5px;
 background:#FFF;
 border:1px solid #ddd;
 border-top:0;
 overflow:auto;
 }
 
 .tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* altro */

